<script setup>

import { defineProps } from 'vue'
let props = defineProps({
    status:String
})



</script>



<template>
    <div>
        <div class="status_orange button" v-if="props.status == 'Pending submission'">{{ props.status }}</div>
        <div class="status_green button" v-if="props.status == 'Verified'">{{ props.status }}</div>
        <div class="status_red button" v-if="props.status == 'Rejected'">{{ props.status }}</div>
        <div class="status_blue button" v-if="props.status == 'To be revised'">{{ props.status }}</div>
        <div class="status_grey button" v-if="props.status == 'Expired'">{{ props.status }}</div>
        <div class="status_grey_light button" v-if="props.status == 'Revoked'">{{ props.status }}</div>
    </div>
</template>

<style scoped>
.button {
    border-radius: 6px;
    text-align: center;

}
</style>
